<!DOCTYPE html>
<html lang="it">
	<head>
  		<meta charset="utf-8">
  		<title>Microsoft Explorer 9</title>
     	<link href="css/style5.css" rel="stylesheet" type="text/css" />
		<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
  	</head>
		<body>
	
			 <!--[Header]-->
		    <header>	
				<div class="text-center">
					<h1 id="logo"><img src="images/logo.png" alt="" /></h1>	
				</div>
			</header>
		    <!--[/Header]-->
		    
		    
			 <!--[Nav]-->	   
			<nav>
				<div id="div-nb-exp"><span id="nbExpNum"></div>
			    <div id="mainNav">
					<ul>
				       <li><a href="index.html">HOME</a></li>
				       <li><a href="localStorage.html">Local Storage</a></li>
				       <li><a href="sessionStorage.html">Session Storage</a></li>
				       <li><a href="canvas.html">Canvas</a></li>
				       <li><a href="audioVideo.html">Video</a></li>
				       <li><a href="browser.html">Browser</a></li>
					</ul>
				</div>
			</nav>
			<!--[/Nav]-->	
		    			
    		<!--[Section]-->
    			
    		<section id="content">
				<div id="content-body">
					<div class="text-content">
						<div style="text-align:center">
							<div style="text-align:center">
								<canvas id="canvas-area" width="670" height="400">
								</canvas>
								<br />
								<a id="line" href="#">Fill line</a> | 
								<a id="rect" href="#">Fill Rect</a> | 
								<a id="arc" href="#">Fill Arc</a> | 
								<a id="face" href="#">Face</a><br />
								<a id="zoomIn" href="#">Zoom +</a><br />
								<a id="champions" href="#">Campioni</a>
								
								 <script type="text/javascript">
								 	function GetCanvasContext() {
								 		return document.getElementById('canvas-area').getContext('2d');
								 	}

								 	$(document).ready(function () {
								 		$('#line').click(function () {
								 			var ctx = GetCanvasContext();

								 			// layer1/Path
								 			ctx.save();
								 			ctx.beginPath();
								 			ctx.moveTo(360.5, 190.3);
								 			ctx.lineTo(0.5, 190.3);
								 			ctx.lineTo(0.5, 0.0);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 158.9);
								 			ctx.lineTo(360.5, 158.9);
								 			ctx.strokeStyle = "rgb(122, 105, 88)";
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 124.9);
								 			ctx.lineTo(360.5, 124.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 90.9);
								 			ctx.lineTo(360.5, 90.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 56.9);
								 			ctx.lineTo(360.5, 56.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 22.9);
								 			ctx.lineTo(360.5, 22.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(0.5, 158.9);
								 			ctx.lineTo(66.2, 124.9);
								 			ctx.strokeStyle = "rgb(227, 5, 19)";
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(66.2, 124.9);
								 			ctx.lineTo(163.5, 90.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(163.5, 90.9);
								 			ctx.lineTo(187.5, 56.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(187.5, 56.9);
								 			ctx.lineTo(198.2, 68.3);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(198.2, 68.3);
								 			ctx.lineTo(227.5, 36.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(227.5, 36.9);
								 			ctx.lineTo(239.5, 136.3);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(239.5, 136.3);
								 			ctx.lineTo(257.5, 114.3);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(257.5, 114.3);
								 			ctx.lineTo(278.8, 136.3);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(278.8, 136.3);
								 			ctx.lineTo(335.5, 163.9);
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(335.5, 163.9);
								 			ctx.lineTo(360.5, 150.1);
								 			ctx.stroke();
								 			ctx.restore();
								 		});

								 		$('#rect').click(function () {
								 			var ctx = GetCanvasContext();

								 			ctx.fillRect(25, 25, 100, 100);
								 			ctx.clearRect(45, 45, 60, 60);
								 			ctx.strokeRect(50, 50, 50, 50);
								 		});

								 		$('#zoomIn').click(function () {
								 			var ctx = GetCanvasContext();
								 			ctx.scale(2, 2);
								 			ctx.save();
								 		});

								 		$('#arc').click(function () {
								 			var ctx = GetCanvasContext();

								 			ctx.beginPath();
								 			ctx.arc(450, 110, 100, Math.PI * 1 / 2, Math.PI * 3 / 2, false);
								 			ctx.lineWidth = 15;
								 			ctx.lineCap = 'round';
								 			ctx.strokeStyle = 'rgba(255, 127, 0, 0.5)';
								 			ctx.stroke();

								 			ctx.save();
								 		});

								 		$('#champions').click(function () {
								 			var ctx = GetCanvasContext();
								 			ctx.clearRect(0, 0, 670, 400);

								 			// layer1/Group/Path
								 			ctx.save();
								 			ctx.beginPath();
								 			ctx.moveTo(114.0, 26.0);
								 			ctx.bezierCurveTo(122.4, 26.6, 138.6, 24.7, 142.0, 27.0);
								 			ctx.bezierCurveTo(133.0, 26.3, 121.3, 28.3, 114.0, 26.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(98.0, 76.0);
								 			ctx.bezierCurveTo(100.7, 74.3, 110.3, 74.3, 113.0, 76.0);
								 			ctx.bezierCurveTo(108.0, 76.0, 103.0, 76.0, 98.0, 76.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Compound Path
								 			ctx.beginPath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(14.0, 210.0);
								 			ctx.bezierCurveTo(-12.7, 124.8, 76.7, 55.1, 151.0, 95.0);
								 			ctx.bezierCurveTo(179.5, 110.3, 203.3, 142.5, 202.0, 183.0);
								 			ctx.bezierCurveTo(200.4, 232.5, 164.8, 270.4, 121.0, 276.0);
								 			ctx.bezierCurveTo(65.7, 283.0, 27.6, 253.3, 14.0, 210.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(133.0, 100.0);
								 			ctx.bezierCurveTo(91.3, 85.9, 48.3, 110.1, 33.0, 135.0);
								 			ctx.bezierCurveTo(-3.2, 193.9, 43.9, 266.1, 107.0, 265.0);
								 			ctx.bezierCurveTo(163.6, 264.0, 211.6, 203.1, 181.0, 143.0);
								 			ctx.bezierCurveTo(170.8, 123.0, 153.6, 107.0, 133.0, 100.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(28, 102, 164)";
								 			ctx.fill();

								 			// layer1/Group/Compound Path
								 			ctx.beginPath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(97.0, 101.0);
								 			ctx.bezierCurveTo(146.6, 96.1, 186.4, 132.7, 186.0, 181.0);
								 			ctx.bezierCurveTo(185.8, 202.6, 177.4, 220.8, 166.0, 234.0);
								 			ctx.bezierCurveTo(122.0, 285.0, 25.0, 258.3, 24.0, 181.0);
								 			ctx.bezierCurveTo(23.5, 138.6, 56.3, 105.0, 97.0, 101.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(36.0, 172.0);
								 			ctx.bezierCurveTo(30.1, 229.7, 93.2, 269.7, 142.0, 240.0);
								 			ctx.bezierCurveTo(158.6, 229.9, 179.5, 206.8, 174.0, 168.0);
								 			ctx.bezierCurveTo(169.0, 132.7, 134.3, 108.3, 98.0, 112.0);
								 			ctx.bezierCurveTo(63.8, 115.5, 39.3, 140.2, 36.0, 172.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(56, 62, 38)";
								 			ctx.fill();

								 			// layer1/Group/Compound Path
								 			ctx.beginPath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(98.0, 112.0);
								 			ctx.bezierCurveTo(134.3, 108.3, 169.0, 132.7, 174.0, 168.0);
								 			ctx.bezierCurveTo(179.5, 206.8, 158.6, 229.9, 142.0, 240.0);
								 			ctx.bezierCurveTo(93.2, 269.7, 30.1, 229.7, 36.0, 172.0);
								 			ctx.bezierCurveTo(39.3, 140.2, 63.8, 115.5, 98.0, 112.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(115.0, 114.0);
								 			ctx.bezierCurveTo(108.7, 114.7, 99.7, 112.7, 95.0, 115.0);
								 			ctx.bezierCurveTo(97.6, 120.4, 113.8, 121.3, 115.0, 114.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(148.0, 149.0);
								 			ctx.bezierCurveTo(151.3, 153.7, 151.6, 161.4, 162.0, 159.0);
								 			ctx.bezierCurveTo(155.3, 141.0, 139.1, 123.8, 116.0, 121.0);
								 			ctx.bezierCurveTo(76.6, 116.2, 49.6, 140.4, 45.0, 174.0);
								 			ctx.bezierCurveTo(43.3, 176.7, 43.3, 186.3, 45.0, 189.0);
								 			ctx.bezierCurveTo(46.7, 210.0, 59.0, 225.1, 73.0, 234.0);
								 			ctx.bezierCurveTo(79.5, 238.1, 95.3, 248.7, 98.0, 235.0);
								 			ctx.bezierCurveTo(89.3, 232.4, 80.9, 229.4, 74.0, 225.0);
								 			ctx.bezierCurveTo(70.8, 220.9, 67.1, 217.2, 63.0, 214.0);
								 			ctx.bezierCurveTo(58.5, 206.5, 54.1, 198.9, 53.0, 188.0);
								 			ctx.bezierCurveTo(53.0, 184.0, 53.0, 180.0, 53.0, 176.0);
								 			ctx.bezierCurveTo(57.2, 148.8, 73.3, 133.6, 100.0, 129.0);
								 			ctx.bezierCurveTo(103.7, 129.0, 107.3, 129.0, 111.0, 129.0);
								 			ctx.bezierCurveTo(122.4, 129.9, 130.3, 134.4, 138.0, 139.0);
								 			ctx.bezierCurveTo(140.9, 142.8, 144.2, 146.1, 148.0, 149.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(101.0, 167.0);
								 			ctx.bezierCurveTo(104.0, 167.0, 107.0, 167.0, 110.0, 167.0);
								 			ctx.bezierCurveTo(110.0, 155.0, 110.0, 143.0, 110.0, 131.0);
								 			ctx.bezierCurveTo(108.6, 128.7, 103.0, 130.6, 100.0, 130.0);
								 			ctx.bezierCurveTo(100.7, 142.0, 98.7, 156.7, 101.0, 167.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(81.0, 139.0);
								 			ctx.bezierCurveTo(80.1, 156.9, 87.1, 166.9, 93.0, 178.0);
								 			ctx.bezierCurveTo(100.7, 178.0, 108.3, 178.0, 116.0, 178.0);
								 			ctx.bezierCurveTo(116.0, 175.3, 116.0, 172.7, 116.0, 170.0);
								 			ctx.bezierCurveTo(109.0, 165.3, 96.5, 173.4, 92.0, 168.0);
								 			ctx.bezierCurveTo(88.1, 163.4, 94.7, 155.5, 92.0, 148.0);
								 			ctx.bezierCurveTo(94.0, 148.0, 96.0, 148.0, 98.0, 148.0);
								 			ctx.bezierCurveTo(100.0, 146.6, 99.2, 139.5, 98.0, 138.0);
								 			ctx.bezierCurveTo(93.2, 138.5, 80.9, 136.9, 81.0, 139.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(112.0, 139.0);
								 			ctx.bezierCurveTo(112.0, 142.0, 112.0, 145.0, 112.0, 148.0);
								 			ctx.bezierCurveTo(116.7, 148.0, 121.3, 148.0, 126.0, 148.0);
								 			ctx.bezierCurveTo(126.0, 148.3, 126.0, 148.7, 126.0, 149.0);
								 			ctx.bezierCurveTo(127.9, 148.8, 128.2, 150.1, 130.0, 150.0);
								 			ctx.bezierCurveTo(129.6, 146.0, 130.9, 140.4, 129.0, 138.0);
								 			ctx.bezierCurveTo(123.7, 138.7, 115.7, 136.7, 112.0, 139.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(65.0, 153.0);
								 			ctx.bezierCurveTo(61.8, 168.2, 69.2, 193.3, 61.0, 206.0);
								 			ctx.bezierCurveTo(64.3, 208.9, 68.9, 220.5, 72.0, 217.0);
								 			ctx.bezierCurveTo(74.1, 201.8, 73.1, 183.4, 77.0, 170.0);
								 			ctx.bezierCurveTo(83.2, 182.2, 91.0, 192.7, 98.0, 204.0);
								 			ctx.bezierCurveTo(97.9, 175.1, 79.5, 164.5, 71.0, 144.0);
								 			ctx.bezierCurveTo(70.6, 147.2, 65.9, 148.9, 65.0, 153.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(114.0, 202.0);
								 			ctx.bezierCurveTo(120.9, 191.2, 127.3, 180.0, 135.0, 170.0);
								 			ctx.bezierCurveTo(135.8, 186.8, 136.7, 203.6, 139.0, 219.0);
								 			ctx.bezierCurveTo(142.6, 215.0, 147.1, 211.7, 149.0, 206.0);
								 			ctx.bezierCurveTo(146.1, 191.0, 142.4, 167.0, 146.0, 152.0);
								 			ctx.bezierCurveTo(143.1, 149.3, 141.5, 145.1, 137.0, 144.0);
								 			ctx.bezierCurveTo(132.1, 161.5, 120.5, 172.2, 114.0, 188.0);
								 			ctx.bezierCurveTo(110.5, 188.3, 111.3, 207.9, 114.0, 202.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(100.0, 216.0);
								 			ctx.bezierCurveTo(99.9, 226.9, 100.9, 238.9, 97.0, 246.0);
								 			ctx.bezierCurveTo(102.3, 246.0, 107.7, 246.0, 113.0, 246.0);
								 			ctx.bezierCurveTo(107.8, 228.6, 110.8, 202.9, 110.0, 181.0);
								 			ctx.bezierCurveTo(108.6, 178.7, 103.0, 180.6, 100.0, 180.0);
								 			ctx.bezierCurveTo(100.0, 192.0, 100.0, 204.0, 100.0, 216.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(81.0, 210.0);
								 			ctx.bezierCurveTo(81.4, 216.1, 80.8, 221.1, 78.0, 224.0);
								 			ctx.bezierCurveTo(82.4, 226.2, 86.8, 228.5, 92.0, 230.0);
								 			ctx.bezierCurveTo(87.7, 215.7, 93.7, 191.0, 82.0, 184.0);
								 			ctx.bezierCurveTo(82.0, 185.3, 82.0, 186.7, 82.0, 188.0);
								 			ctx.bezierCurveTo(79.7, 193.3, 81.7, 203.0, 81.0, 210.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(165.0, 196.0);
								 			ctx.bezierCurveTo(170.7, 191.3, 155.5, 189.6, 157.0, 195.0);
								 			ctx.bezierCurveTo(151.3, 218.0, 133.9, 229.3, 112.0, 236.0);
								 			ctx.bezierCurveTo(114.2, 235.8, 112.5, 239.5, 113.0, 241.0);
								 			ctx.bezierCurveTo(140.7, 240.3, 158.7, 221.4, 165.0, 196.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(162, 148, 112)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(100.0, 129.0);
								 			ctx.bezierCurveTo(101.4, 127.3, 109.6, 127.3, 111.0, 129.0);
								 			ctx.bezierCurveTo(107.3, 129.0, 103.7, 129.0, 100.0, 129.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(110.0, 131.0);
								 			ctx.bezierCurveTo(93.2, 124.2, 104.1, 157.1, 101.0, 167.0);
								 			ctx.bezierCurveTo(98.7, 156.7, 100.7, 142.0, 100.0, 130.0);
								 			ctx.bezierCurveTo(103.0, 130.6, 108.6, 128.7, 110.0, 131.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(110.0, 131.0);
								 			ctx.bezierCurveTo(110.0, 143.0, 110.0, 155.0, 110.0, 167.0);
								 			ctx.bezierCurveTo(107.0, 167.0, 104.0, 167.0, 101.0, 167.0);
								 			ctx.bezierCurveTo(104.1, 157.1, 93.2, 124.2, 110.0, 131.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(255, 255, 255)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(112.0, 139.0);
								 			ctx.bezierCurveTo(117.7, 139.0, 123.3, 139.0, 129.0, 139.0);
								 			ctx.bezierCurveTo(129.0, 142.3, 129.0, 145.7, 129.0, 149.0);
								 			ctx.bezierCurveTo(127.7, 148.9, 127.6, 147.7, 126.0, 148.0);
								 			ctx.bezierCurveTo(121.3, 148.0, 116.7, 148.0, 112.0, 148.0);
								 			ctx.bezierCurveTo(112.0, 145.0, 112.0, 142.0, 112.0, 139.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(45.0, 174.0);
								 			ctx.bezierCurveTo(45.0, 179.0, 45.0, 184.0, 45.0, 189.0);
								 			ctx.bezierCurveTo(43.3, 186.3, 43.3, 176.7, 45.0, 174.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(210.0, 175.0);
								 			ctx.bezierCurveTo(211.7, 176.1, 211.7, 183.9, 210.0, 185.0);
								 			ctx.bezierCurveTo(210.0, 181.7, 210.0, 178.3, 210.0, 175.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(53.0, 176.0);
								 			ctx.bezierCurveTo(53.0, 180.0, 53.0, 184.0, 53.0, 188.0);
								 			ctx.bezierCurveTo(51.3, 186.3, 51.3, 177.7, 53.0, 176.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(110.0, 181.0);
								 			ctx.bezierCurveTo(107.0, 181.0, 104.0, 181.0, 101.0, 181.0);
								 			ctx.bezierCurveTo(100.3, 192.3, 102.3, 206.3, 100.0, 216.0);
								 			ctx.bezierCurveTo(100.0, 204.0, 100.0, 192.0, 100.0, 180.0);
								 			ctx.bezierCurveTo(103.0, 180.6, 108.6, 178.7, 110.0, 181.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(82.0, 188.0);
								 			ctx.bezierCurveTo(81.3, 195.0, 83.3, 204.7, 81.0, 210.0);
								 			ctx.bezierCurveTo(81.7, 203.0, 79.7, 193.3, 82.0, 188.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(97.0, 24.0);
								 			ctx.bezierCurveTo(94.7, 31.8, 70.6, 22.8, 70.0, 29.0);
								 			ctx.bezierCurveTo(69.2, 28.8, 69.0, 28.0, 68.0, 28.0);
								 			ctx.bezierCurveTo(69.4, 22.9, 89.7, 28.5, 96.0, 25.0);
								 			ctx.bezierCurveTo(95.8, 24.1, 96.4, 24.1, 97.0, 24.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(97.0, 24.0);
								 			ctx.bezierCurveTo(99.9, 16.2, 102.5, 8.2, 105.0, 0.0);
								 			ctx.bezierCurveTo(108.8, 7.9, 111.0, 17.3, 114.0, 26.0);
								 			ctx.bezierCurveTo(121.3, 28.3, 133.0, 26.3, 142.0, 27.0);
								 			ctx.bezierCurveTo(134.9, 32.9, 126.5, 37.5, 120.0, 44.0);
								 			ctx.bezierCurveTo(122.6, 52.7, 125.4, 61.3, 128.0, 70.0);
								 			ctx.bezierCurveTo(120.2, 65.1, 112.9, 59.8, 106.0, 54.0);
								 			ctx.bezierCurveTo(97.9, 58.9, 90.4, 64.4, 83.0, 70.0);
								 			ctx.bezierCurveTo(82.9, 63.3, 88.1, 53.1, 90.0, 45.0);
								 			ctx.bezierCurveTo(85.2, 37.8, 77.2, 33.8, 70.0, 29.0);
								 			ctx.bezierCurveTo(70.6, 22.8, 94.7, 31.8, 97.0, 24.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(162, 148, 112)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(173.0, 100.0);
								 			ctx.bezierCurveTo(177.4, 103.6, 181.4, 107.6, 185.0, 112.0);
								 			ctx.bezierCurveTo(180.6, 108.4, 176.6, 104.4, 173.0, 100.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(95.0, 115.0);
								 			ctx.bezierCurveTo(99.7, 112.7, 108.7, 114.7, 115.0, 114.0);
								 			ctx.bezierCurveTo(113.8, 121.3, 97.6, 120.4, 95.0, 115.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(255, 255, 255)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(45.0, 174.0);
								 			ctx.bezierCurveTo(49.6, 140.4, 76.6, 116.2, 116.0, 121.0);
								 			ctx.bezierCurveTo(139.1, 123.8, 155.3, 141.0, 162.0, 159.0);
								 			ctx.bezierCurveTo(151.6, 161.4, 151.3, 153.7, 148.0, 149.0);
								 			ctx.bezierCurveTo(145.1, 145.2, 141.8, 141.9, 138.0, 139.0);
								 			ctx.bezierCurveTo(130.3, 134.4, 122.4, 129.9, 111.0, 129.0);
								 			ctx.bezierCurveTo(109.6, 127.3, 101.4, 127.3, 100.0, 129.0);
								 			ctx.bezierCurveTo(73.3, 133.6, 57.2, 148.8, 53.0, 176.0);
								 			ctx.bezierCurveTo(51.3, 177.7, 51.3, 186.3, 53.0, 188.0);
								 			ctx.bezierCurveTo(54.1, 198.9, 58.5, 206.5, 63.0, 214.0);
								 			ctx.bezierCurveTo(66.2, 218.1, 69.9, 221.8, 74.0, 225.0);
								 			ctx.bezierCurveTo(80.9, 229.4, 89.3, 232.4, 98.0, 235.0);
								 			ctx.bezierCurveTo(95.3, 248.7, 79.5, 238.1, 73.0, 234.0);
								 			ctx.bezierCurveTo(59.0, 225.1, 46.7, 210.0, 45.0, 189.0);
								 			ctx.bezierCurveTo(45.0, 184.0, 45.0, 179.0, 45.0, 174.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(63.0, 214.0);
								 			ctx.bezierCurveTo(67.1, 217.2, 70.8, 220.9, 74.0, 225.0);
								 			ctx.bezierCurveTo(69.9, 221.8, 66.2, 218.1, 63.0, 214.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(138.0, 139.0);
								 			ctx.bezierCurveTo(141.8, 141.9, 145.1, 145.2, 148.0, 149.0);
								 			ctx.bezierCurveTo(144.2, 146.1, 140.9, 142.8, 138.0, 139.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(92.0, 148.0);
								 			ctx.bezierCurveTo(94.7, 155.5, 88.1, 163.4, 92.0, 168.0);
								 			ctx.bezierCurveTo(96.5, 173.4, 109.0, 165.3, 116.0, 170.0);
								 			ctx.bezierCurveTo(105.2, 167.5, 95.2, 174.1, 91.0, 169.0);
								 			ctx.bezierCurveTo(90.0, 167.8, 90.9, 152.2, 92.0, 148.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(98.0, 148.0);
								 			ctx.bezierCurveTo(98.0, 145.0, 98.0, 142.0, 98.0, 139.0);
								 			ctx.bezierCurveTo(92.3, 139.0, 86.7, 139.0, 81.0, 139.0);
								 			ctx.bezierCurveTo(80.9, 136.9, 93.2, 138.5, 98.0, 138.0);
								 			ctx.bezierCurveTo(99.2, 139.5, 100.0, 146.6, 98.0, 148.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(126.0, 148.0);
								 			ctx.bezierCurveTo(127.6, 147.7, 127.7, 148.9, 129.0, 149.0);
								 			ctx.bezierCurveTo(129.0, 145.7, 129.0, 142.3, 129.0, 139.0);
								 			ctx.bezierCurveTo(123.3, 139.0, 117.7, 139.0, 112.0, 139.0);
								 			ctx.bezierCurveTo(115.7, 136.7, 123.7, 138.7, 129.0, 138.0);
								 			ctx.bezierCurveTo(130.9, 140.4, 129.6, 146.0, 130.0, 150.0);
								 			ctx.bezierCurveTo(128.2, 150.1, 127.9, 148.8, 126.0, 149.0);
								 			ctx.bezierCurveTo(126.0, 148.7, 126.0, 148.3, 126.0, 148.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(71.0, 144.0);
								 			ctx.bezierCurveTo(79.5, 164.5, 97.9, 175.1, 98.0, 204.0);
								 			ctx.bezierCurveTo(91.0, 192.7, 83.2, 182.2, 77.0, 170.0);
								 			ctx.bezierCurveTo(73.1, 183.4, 74.1, 201.8, 72.0, 217.0);
								 			ctx.bezierCurveTo(68.9, 220.5, 64.3, 208.9, 61.0, 206.0);
								 			ctx.bezierCurveTo(69.2, 193.3, 61.8, 168.2, 65.0, 153.0);
								 			ctx.bezierCurveTo(65.9, 148.9, 70.6, 147.2, 71.0, 144.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(255, 255, 255)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(114.0, 202.0);
								 			ctx.bezierCurveTo(111.3, 207.9, 110.5, 188.3, 114.0, 188.0);
								 			ctx.bezierCurveTo(112.6, 190.6, 112.2, 199.4, 114.0, 202.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(224, 212, 193)";
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(157.0, 195.0);
								 			ctx.bezierCurveTo(155.5, 189.6, 170.7, 191.3, 165.0, 196.0);
								 			ctx.bezierCurveTo(167.1, 191.5, 158.7, 192.4, 158.0, 194.0);
								 			ctx.bezierCurveTo(158.2, 194.9, 157.6, 194.9, 157.0, 195.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(165.0, 196.0);
								 			ctx.bezierCurveTo(158.7, 221.4, 140.7, 240.3, 113.0, 241.0);
								 			ctx.bezierCurveTo(112.5, 239.5, 114.2, 235.8, 112.0, 236.0);
								 			ctx.bezierCurveTo(133.9, 229.3, 151.3, 218.0, 157.0, 195.0);
								 			ctx.bezierCurveTo(157.6, 194.9, 158.2, 194.9, 158.0, 194.0);
								 			ctx.bezierCurveTo(158.7, 192.4, 167.1, 191.5, 165.0, 196.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(255, 255, 255)";
								 			ctx.fill();

								 			// layer1/Group/Compound Path
								 			ctx.beginPath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(210.0, 185.0);
								 			ctx.bezierCurveTo(207.7, 255.5, 131.3, 310.5, 57.0, 274.0);
								 			ctx.bezierCurveTo(25.6, 258.5, 0.0, 220.5, 0.0, 180.0);
								 			ctx.bezierCurveTo(0.0, 123.9, 42.0, 81.4, 98.0, 76.0);
								 			ctx.bezierCurveTo(103.0, 76.0, 108.0, 76.0, 113.0, 76.0);
								 			ctx.bezierCurveTo(139.2, 77.8, 156.7, 88.3, 173.0, 100.0);
								 			ctx.bezierCurveTo(176.6, 104.4, 180.6, 108.4, 185.0, 112.0);
								 			ctx.bezierCurveTo(197.7, 128.6, 208.2, 147.5, 210.0, 175.0);
								 			ctx.bezierCurveTo(210.0, 178.3, 210.0, 181.7, 210.0, 185.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(121.0, 276.0);
								 			ctx.bezierCurveTo(164.8, 270.4, 200.4, 232.5, 202.0, 183.0);
								 			ctx.bezierCurveTo(203.3, 142.5, 179.5, 110.3, 151.0, 95.0);
								 			ctx.bezierCurveTo(76.7, 55.1, -12.7, 124.8, 14.0, 210.0);
								 			ctx.bezierCurveTo(27.6, 253.3, 65.7, 283.0, 121.0, 276.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(162, 148, 112)";
								 			ctx.fill();

								 			// layer1/Group/Compound Path
								 			ctx.beginPath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(181.0, 143.0);
								 			ctx.bezierCurveTo(211.6, 203.1, 163.6, 264.0, 107.0, 265.0);
								 			ctx.bezierCurveTo(43.9, 266.1, -3.2, 193.9, 33.0, 135.0);
								 			ctx.bezierCurveTo(48.3, 110.1, 91.3, 85.9, 133.0, 100.0);
								 			ctx.bezierCurveTo(153.6, 107.0, 170.8, 123.0, 181.0, 143.0);
								 			ctx.closePath();

								 			// layer1/Group/Compound Path/Path
								 			ctx.moveTo(24.0, 181.0);
								 			ctx.bezierCurveTo(25.0, 258.3, 122.0, 285.0, 166.0, 234.0);
								 			ctx.bezierCurveTo(177.4, 220.8, 185.8, 202.6, 186.0, 181.0);
								 			ctx.bezierCurveTo(186.4, 132.7, 146.6, 96.1, 97.0, 101.0);
								 			ctx.bezierCurveTo(56.3, 105.0, 23.5, 138.6, 24.0, 181.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			// layer1/Group/Path
								 			ctx.beginPath();
								 			ctx.moveTo(116.0, 170.0);
								 			ctx.bezierCurveTo(116.0, 172.7, 116.0, 175.3, 116.0, 178.0);
								 			ctx.bezierCurveTo(108.3, 178.0, 100.7, 178.0, 93.0, 178.0);
								 			ctx.bezierCurveTo(87.1, 166.9, 80.1, 156.9, 81.0, 139.0);
								 			ctx.bezierCurveTo(86.7, 139.0, 92.3, 139.0, 98.0, 139.0);
								 			ctx.bezierCurveTo(98.0, 142.0, 98.0, 145.0, 98.0, 148.0);
								 			ctx.bezierCurveTo(96.0, 148.0, 94.0, 148.0, 92.0, 148.0);
								 			ctx.bezierCurveTo(90.9, 152.2, 90.0, 167.8, 91.0, 169.0);
								 			ctx.bezierCurveTo(95.2, 174.1, 105.2, 167.5, 116.0, 170.0);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(255, 255, 255)";
								 			ctx.fill();

								 			ctx.beginPath();
								 			ctx.moveTo(110.0, 181.0);
								 			ctx.bezierCurveTo(110.8, 202.9, 107.8, 228.6, 113.0, 246.0);
								 			ctx.bezierCurveTo(107.7, 246.0, 102.3, 246.0, 97.0, 246.0);
								 			ctx.bezierCurveTo(100.9, 238.9, 99.9, 226.9, 100.0, 216.0);
								 			ctx.bezierCurveTo(102.3, 206.3, 100.3, 192.3, 101.0, 181.0);
								 			ctx.bezierCurveTo(104.0, 181.0, 107.0, 181.0, 110.0, 181.0);
								 			ctx.closePath();
								 			ctx.fill();

								 			ctx.beginPath();
								 			ctx.moveTo(114.0, 188.0);
								 			ctx.bezierCurveTo(120.5, 172.2, 132.1, 161.5, 137.0, 144.0);
								 			ctx.bezierCurveTo(141.5, 145.1, 143.1, 149.3, 146.0, 152.0);
								 			ctx.bezierCurveTo(142.4, 167.0, 146.1, 191.0, 149.0, 206.0);
								 			ctx.bezierCurveTo(147.1, 211.7, 142.6, 215.0, 139.0, 219.0);
								 			ctx.bezierCurveTo(136.7, 203.6, 135.8, 186.8, 135.0, 170.0);
								 			ctx.bezierCurveTo(127.3, 180.0, 120.9, 191.2, 114.0, 202.0);
								 			ctx.bezierCurveTo(112.2, 199.4, 112.6, 190.6, 114.0, 188.0);
								 			ctx.closePath();
								 			ctx.fill();


								 			ctx.beginPath();
								 			ctx.moveTo(82.0, 188.0);
								 			ctx.bezierCurveTo(82.0, 186.7, 82.0, 185.3, 82.0, 184.0);
								 			ctx.bezierCurveTo(93.7, 191.0, 87.7, 215.7, 92.0, 230.0);
								 			ctx.bezierCurveTo(86.8, 228.5, 82.4, 226.2, 78.0, 224.0);
								 			ctx.bezierCurveTo(80.8, 221.1, 81.4, 216.1, 81.0, 210.0);
								 			ctx.bezierCurveTo(83.3, 204.7, 81.3, 195.0, 82.0, 188.0);
								 			ctx.closePath();
								 			ctx.fill();
								 			ctx.restore();
								 		});

								 		$('#face').click(function () {
								 			var ctx = GetCanvasContext();
								 			ctx.clearRect(0, 0, 670, 400);

								 			// layer1/Path
								 			ctx.save();
								 			ctx.beginPath();
								 			ctx.moveTo(46.5, 43.5);
								 			ctx.bezierCurveTo(46.5, 49.4, 41.7, 54.1, 35.9, 54.1);
								 			ctx.bezierCurveTo(30.0, 54.1, 25.2, 49.4, 25.2, 43.5);
								 			ctx.bezierCurveTo(25.2, 37.6, 30.0, 32.8, 35.9, 32.8);
								 			ctx.bezierCurveTo(41.7, 32.8, 46.5, 37.6, 46.5, 43.5);
								 			ctx.closePath();
								 			ctx.fillStyle = "rgb(58, 169, 53)";
								 			ctx.fill();
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(105.5, 43.5);
								 			ctx.bezierCurveTo(105.5, 49.4, 100.7, 54.1, 94.9, 54.1);
								 			ctx.bezierCurveTo(89.0, 54.1, 84.2, 49.4, 84.2, 43.5);
								 			ctx.bezierCurveTo(84.2, 37.6, 89.0, 32.8, 94.9, 32.8);
								 			ctx.bezierCurveTo(100.7, 32.8, 105.5, 37.6, 105.5, 43.5);
								 			ctx.closePath();
								 			ctx.fill();
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(128.9, 66.1);
								 			ctx.bezierCurveTo(128.9, 100.7, 100.8, 128.8, 66.2, 128.8);
								 			ctx.bezierCurveTo(31.6, 128.8, 3.5, 100.7, 3.5, 66.1);
								 			ctx.bezierCurveTo(3.5, 31.5, 31.6, 3.5, 66.2, 3.5);
								 			ctx.bezierCurveTo(100.8, 3.5, 128.9, 31.5, 128.9, 66.1);
								 			ctx.closePath();
								 			ctx.strokeStyle = "rgb(54, 169, 224)";
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(109.5, 75.7);
								 			ctx.bezierCurveTo(109.5, 99.6, 90.1, 119.0, 66.2, 119.0);
								 			ctx.bezierCurveTo(42.3, 119.0, 22.9, 99.6, 22.9, 75.7);
								 			ctx.lineWidth = 3.0;
								 			ctx.strokeStyle = "rgb(227, 5, 19)";
								 			ctx.stroke();

								 			// layer1/Path
								 			ctx.beginPath();
								 			ctx.moveTo(63.5, 54.1);
								 			ctx.lineTo(63.5, 82.1);
								 			ctx.lineTo(75.5, 82.1);
								 			ctx.lineWidth = 1.0;
								 			ctx.strokeStyle = "rgb(0, 0, 0)";
								 			ctx.stroke();
								 			ctx.restore();
								 		});

								 	});
								</script>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="text-content">
						<p>Seguimi su <a href="http//www.twitter.com/imperugo">TWITTER</a></p>
					</div>
				</div>
				<div class="clear"></div>
			</section>
    		<!--[/Section]-->

	    	<!--[Footer]-->
			<footer>
				<div class="footerbot">
					<span class="floatleft">
						<a href="http://tostring.it/">Imperugo</a></span><span class="floatright"><a href="http://twitter.com/imperugo" class="hide">Twitter</a> 
					<a href="http://tostring.it/contacts">Contact</a></span>
				</div>
			</footer>
			<!--[/Footer]-->
		</body>
</html>